<%@ page language="java" contentType="text/html; charset=utf-8"  pageEncoding="utf-8"%>

<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<title>征信前置查询系统登录</title>
		<link href="resources/js/bootstrap-validator/dist/css/bootstrapValidator.css" rel="stylesheet">

		<!-- Bootstrap -->
		<link href="resources/skins/css/login.css" rel="stylesheet">
		<!-- 引入下面两个库让 IE8 支持 HTML5 元素 -->
		<!-- 警告: Respond.js 通过 file:// 浏览的时候不能正常工作！-->
		<!--[if lt IE 9]>
		<script src="resources/js/html5shiv.min.js"></script>
		<script src="resources/js/respond.min.js"></script>
		<![endif]-->



        <script src="resources/js/jquery-1.11.3.min.js"></script>
        <script src="resources/js/avalon.js"></script>
        <script src="resources/js/promise.js"></script>
        
        <script src="resources/js/bootstrap-validator/dist/js/bootstrapValidator.js"></script>

        <script src="resources/js/md5.js"></script>

        <script src="resources/js/login/login.js"></script>
		<script src="resources/js/login/cameraLogin.js"></script>
        <script type="text/javascript">
            //        $(function() {
            //            validReg("pwdLoginForm");
            //        });
            var authType = "${loginConf.defaultLoginType}";
            var faceRadio = "${loginConf.faceRadio}";
            
        </script>
        
        

	</head>

	<body ms-controller="avalonLogin" onload="Load(2)" onunload="Unload()">
	<img src="resources/skins/img/bg-login.jpg" class="welImg" />
    <div class="container">
	<div class="welcome">
		<img src="resources/skins/icons/icon-logo2.png" alt=""/>
        
		<div class="login">
		     
			<div class="loginType" ms-class="@showMenu && 'active'">
				<b ms-click="@showMenu = !@showMenu">{{@current.name}}</b>
				<span class="icon-arr" ms-click="@showMenu = !@showMenu"></span>
				<ul class="type-menu">
                    <li ms-for="el in @loginModel"><a href="javascript:;" ms-click="@changeMenu(el)">{{el.name}}</a></li>
                </ul>
			</div>
            <%--<!--密码登录-->--%>
				<div class="loginBox" ms-class="@current.type == 4 && 'active'">
                    <form id="pwdLoginForm" :validate="@validate">
                        <p class="errorTip" style="height: 26px; display: block;">{{@errMsg}}</p>
                        <ul>
                           
                            <li>
                           
                                <input type="text" name="account"  :duplex="@account" class="lgInput" placeholder="请输入用户账号" :rules="{required: true}" data-required-message="用户账号不能为空" />
                            </li>
                            <li>
                                <input type="password" name="userPwd" :duplex="@pwd"  :rules="{required: true}" class="lgInput" placeholder="请输入密码" data-required-message="密码不能为空" ms-keyup="@enterSubmit" />
                            </li>
                            <li>
                                <input type="button" id="pwdLoginBtn" ms-click="@validate.onManual" value="登  录" class="lgSubmit" />
                            </li>
                        </ul>
                    </form>
                </div>
            <div class="loginBox" ms-class="@current.type == 2 && 'active'">
                    <ul>
                        <li>
                            <input type="text" name="account" ms-duplex="account" value="" class="lgInput" placeholder="请输入用户账号" />
                            <label class="errorTip">用户名错误</label>
                        </li>
						<li id="lg_VeriCode" class="lgcell">	<!--验证码登录-->
							<input type="text" class="lgInput VeriInput" placeholder="请输入验证码" />
							<img src="resources/skins/img/img1.png" class="yzm"/>
							<label class="errorTip">验证码错误</label>
						</li>
                        <li>
                            <input type="submit" ms-click="@login" value="登  录" class="lgSubmit" />
                        </li>
                    </ul>
            </div>
            <div class="loginBox" ms-class="@current.type == 1 && 'active'">
                <form id="faceLoginForm" :validate="@validate">
                    <ul>
                        <li>
                            <input type="text"  ms-on-blur="mouseleave"  name="account" :duplex="@account" ms-duplex="account" class="lgInput" placeholder="请输入用账号" :rules="{required: true}" data-required-message="用户账号不能为空"  />
                            <label class="errorTip">用户名错误</label>
                        </li>
						<li id="lg_face" class="lgcell tc">	<!--人脸识别登录-->
							<div class="lgfaceBox">
							
							   <object id="view1"  type="application/x-eloamplugin" width="350" height="200" name="view"></object>
								
							    <div style="display:none">
									<select id="device" style="width: 90px" name="device" ></select> 
									<input type="text"  id="certImg" name="certImg"/>
 								</div>
 								<%-- 
	 							 	<input class="submit_01" type="button" value="打开视频"	onclick="OpenVideo()" />
	 								<input class="submit_01" type="button" value="人证比对"	onclick="VerifyFaceDetect()" />
 							    --%>						
							</div>
							<label class="errorTip">无法识别</label>
						</li>
					
                    </ul>
                 </form>
            </div>
            <div class="loginBox" ms-class="@current.type == 3 && 'active'">
                    <ul>
                        <li>
                            <input type="text" name="account" ms-duplex="account" class="lgInput" placeholder="请输入用户名" />
                            <label  class="errorTip">用户名错误</label>
                        </li>
						<li id="lg_fingerprint" class="lgcell tc">	<!--指纹码登录-->
							<div class="fingerBox">
								<img src="resources/skins/img/img8.jpg"/>
							</div>
							<label class="errorTip">密码错误</label>
						</li>
                    </ul>
				</div>
		</div>

	</div>
    </div>
	<div class="footer">
		中国人民银行广州分行版权所有
	</div>

	</body>
</html>



